{% extends "base.html" %}
{% load i18n  mezzanine_tags staticfiles %}
{% block meta_title %}{% trans "Home" %}{% endblock %}
{% block title %}{% trans "Home" %}{% endblock %}
{% block breadcrumb_wrapper %}
{% endblock %}

{% block title_wrapper %}
{% endblock %}

{% block breadcrumb_menu %}
<li class="active">{% trans "Home" %}</li>
{% endblock %}


{% block all_content %}
<section id="{% block section_id %}featured{% endblock %}">
    {% block left_wrapper %}
    {% endblock %}


    {% block main_wrapper %}
    <div class="col-md-{% block main_col_size %}none{% endblock %} {% block main_class %}{% endblock %}">
        {% block main %}
        <div class="container">
	        <div class="row">
		        <div class="col-lg-12">
                    <div id="main-slider" class="flexslider">
                        <ul class="slides">
                            <li>
                                <img src="{% static 'img/ShipmentProcess.png' %}" alt="" />
                            </li>
                        </ul>
                    </div>
		        </div>
	        </div>
        </div>	
        {% endblock %}
    </div>
    {% endblock %}

    {% block right_wrapper %}
    {% endblock %}
</section>

<section class="callaction">
	<div class="container">
		<div class="row">
			<div class="col-lg-12">
				<div class="big-cta">
					<div class="cta-text">
						<h2><span>Ecommerce</span> with shipment workflow automated</h2>
					</div>
				</div>
			</div>
		</div>
	</div>
</section>

<section id="content">
	<div class="container">
		<div class="row">
			<div class="col-lg-12">
				<div class="row">
					<div class="col-lg-4">
						<div class="box">
							<div class="box-gray aligncenter">
								<h4>Mezzanine</h4>
								<div class="icon">
								<i class="fa fa-desktop fa-3x"></i>
								</div>
								<p class="">
                                    An open source content management platform built using the django framework
								</p>
									
							</div>
							<div class="box-bottom">
								<a href="http://mezzanine.jupo.org/">Learn more</a>
							</div>
						</div>
					</div>
					<div class="col-lg-4">
						<div class="box">
							<div class="box-gray aligncenter">
								<h4>Cartridge</h4>
								<div class="icon">
								<i class="fa fa-pagelines fa-3x"></i>
								</div>
								<p>
                                    A shopping cart application built using the Django framework.
								</p>
									
							</div>
							<div class="box-bottom">
								<a href="http://cartridge.jupo.org/">Learn more</a>
							</div>
						</div>
					</div>
					<div class="col-lg-4">
						<div class="box">
							<div class="box-gray aligncenter">
								<h4>Viewflow</h4>
								<div class="icon">
								<i class="fa fa-edit fa-3x"></i>
								</div>
								<p>
								 A business process automation framework for Django
								</p>
									
							</div>
							<div class="box-bottom">
								<a href="http://viewflow.io">Learn more</a>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- divider -->
		<div class="row">
			<div class="col-lg-12">
				<div class="solidline">
				</div>
			</div>
		</div>
		<!-- end divider -->

        <div class="row">
            <div class="col-lg-12">
                <h4 class="heading">Check this:</h4>

                <ul>
                    <li><a href="/shop/">Make an order</a></li>
                    <li><a href="/admin/">Check the order state in admin</a>
                        <ul>
                            <li>Login: admin</li>
                            <li>Password: admin</li>
                        </ul>
                    </li>
                    <li><a href="/flow/">Do the workflow</a> </li>
                    <li><a href="https://github.com/kmmbvnr/viewflow-demo">See the source code</a></li>
                </ul>
            </div>
        </div>
	</div>
	</section>

{% endblock %}
